﻿@using KRM.Core

@using KRM.Core.Library
@{
    ViewBag.Title = "Employees Holiday Request";
    Layout = "/Views/Shared/_HRLayout.cshtml";
}
<script src="/hr/js/plugins/flot/jquery.flot.js"></script>
<script src="/hr/js/plugins/flot/jquery.flot.resize.js"></script>
<script src="/hr/js/plugins/flot/jquery.flot.pie.js"></script>
<!-- END PAGE LEVEL PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="/hr/js/Performance.js"></script>
<!-- BEGIN INTERACTIVE CHART PORTLET-->
<div class="portlet alert">
    <div class="portlet-title">
        <div class="caption"><i class="icon-bar-chart"></i>Requests Chart</div>
        <div class="tools">
            <a href="javascript:;" class="collapse"></a>
            <a href="javascript:;" class="reload"></a>
        </div>
    </div>
    <div class="portlet-body" id="#portlet-RequestChart">
        <form class="form-horizontal" action="" method="POST" id="frmFilterRequestChart">
            <div class="form-group">
                <div class="col-md-4">
                    <div class="row">
                        <label class="control-label col-md-3">Type:</label>
                        <div class="col-md-9">
                            @Html.DropDownList("BookTypeId", null, new { @class = "form-control", onchange = "SubmitFormCalendarFilter()" })
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <label class="control-label col-md-3">Site:</label>
                        <div class="col-md-9">
                            @Html.DropDownList("SiteId", null, new { @class = "form-control", onchange = "SubmitFormCalendarFilter()" })
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <label class="control-label col-md-4">Department:</label>
                        <div class="col-md-8">
                            @Html.DropDownList("DepartmentId", null, new { @class = "form-control", onchange = "SubmitFormCalendarFilter()" })
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-4">
                    <div class="row">
                        <label class="control-label col-md-3">From:</label>
                        <div class="input-icon col-md-9">
                            <i class="icon-calendar"></i>
                            <input name="from" class="form-control date-picker" size="16" type="text" value="@DateTime.Now.AddDays(-30).ToString("MM/dd/yyyy")" data-date="12/14/2013" data-date-format="mm/dd/yyyy" data-date-viewmode="years">
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <label class="control-label col-md-3">To:</label>
                        <div class="input-icon col-md-9">
                            <i class="icon-calendar"></i>
                            <input name="to" class="form-control date-picker" size="16" type="text" value="@DateTime.Now.ToString("MM/dd/yyyy")" data-date="12/14/2013" data-date-format="mm/dd/yyyy" data-date-viewmode="years">
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-12">
                            <button type="submit" class="btn green">Show <i class="m-icon-swapright m-icon-white"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="row" style="text-align: left">
            <div class="col-md-12">Number of request</div>
        </div>
        <div id="RequestChart" class="chart"></div>
        <div class="row" style="text-align: right">
            <div class="col-md-12">Date</div>
        </div>
    </div>
</div>
<!-- END INTERACTIVE CHART PORTLET-->
<div class="portlet alert">
    <div class="portlet-title">
        <div class="caption"><i class="icon-bar-chart"></i>Your Requests Chart</div>
        <div class="tools">
            <a href="javascript:;" class="collapse"></a>
            <a href="javascript:;" class="reload"></a>
        </div>
    </div>
    <div class="portlet-body" id="#portlet-PersonalRequestChart">
        <form class="form-horizontal" method="POST" id="frmFilterPersonalRequestChart">
            <input name="personalId" type="hidden" id="personalId" value="@Users.Current(User.Identity.Name).HRPersonalId"/>
            <div class="form-group">
                <div class="col-md-4">
                    <div class="row">
                        <label class="control-label col-md-3">From:</label>
                        <div class="input-icon col-md-9">
                            <i class="icon-calendar"></i>
                            <input name="from" class="form-control date-picker" size="16" type="text" value="@DateTime.Now.AddDays(-30).ToString("MM/dd/yyyy")" data-date="12/14/2013" data-date-format="mm/dd/yyyy" data-date-viewmode="years">
                        </div>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="row">
                        <label class="control-label col-md-3">To:</label>
                        <div class="input-icon col-md-9">
                            <i class="icon-calendar"></i>
                            <input name="to" class="form-control date-picker" size="16" type="text" value="@DateTime.Now.ToString("MM/dd/yyyy")" data-date="12/14/2013" data-date-format="mm/dd/yyyy" data-date-viewmode="years">
                        </div>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="row">
                        <div class="col-md-12">
                            <button type="submit" class="btn green">Show <i class="m-icon-swapright m-icon-white"></i></button>
                        </div>
                    </div>
                </div>
            </div>
        </form>
        <div class="row" style="text-align: left">
            <div class="col-md-12">Number of request</div>
        </div>
        <div id="PersonalRequestChart" class="chart"></div>
        <div class="row" style="text-align: right">
            <div class="col-md-12">Date</div>
        </div>
    </div>
</div>
@Html.Partial("RequestChartByEmployee")